$(function() {
	var sign = $("#sign");
	// 初始
	sign.datagrid({
		url: 'user/list',
		fit: true,
		rownumbers: true,
		pagination: true,
		columns: [
			[{
				field: 'stuname',
				title: '学员姓名',
				width: 80
			}, {
				field: 'userName',
				title: '签约合同',
				width: 100
			}, {
				field: 'tel',
				title: '咨询师',
				width: 100
			}, {
				field: 'tel',
				title: '合同经手人',
				width: 100
			}, { // 添加操作栏
				field: 'ac',
				title: '操作',
				width: 100,
				align: "center",
				// 单元格的格式化函数，需要三个参数：value：字段的值。rowData：行的记录数据。rowIndex：行的索引
				formatter: function(value, row, index) {
					var bts = [];
					bts.push('<a data-index="' + index + '" class="ctr edit">查看详情</a>');
					bts.push('<a data-index="' + index + '" class="ctr edit">签约</a>');
					bts.push('<a data-id="' + row.id + '" data-index="' + index + '" class="ctr delete">删除</a>');
					return bts.join('');
				}
			}]
		],

		// 数据网格（datagrid）面板的头部工具栏。可能的值：1、数组，每个工具选项与链接按钮（linkbutton）一样。2、选择器，只是工具栏。
		toolbar: [{
			iconCls: 'icon-add',
			text: "新增记录",
			handler: function() {
				userForm();
			}
		}]
	});
	// 据id获取input
	var account = $("#userAccount");
	var name = $("#userName");
	var tel = $("#userTel");
	// 搜索按钮事件
	$("#signSearch").on('click', function() {
		sign.datagrid("load", {
			account: "%" + account.val() + "%",
			userName: "%" + name.val() + "%",
			tel: "%" + tel.val() + "%",
		});
	});

	// 据id获取表单对象
	var form = $("#signSearchForm");
	// 重置按钮事件
	$("#signReset").on('click', function() {
		form.form('clear');
		// 清除查询参数数据
		sign.datagrid("load", {});
	});

	// 操作事件
	// 获取父容器
	var gridPanel = sign.datagrid("getPanel");
	// 找到父容器中的编辑或删除按钮，并给按钮添加点击事件
	gridPanel.on("click", "a.edit", function() {
		// 编辑事件
		var index = this.dataset.index;
		var rows = sign.datagrid("getRows");
		var id = rows[index].id;
		userForm(id);
	}).on("click", "a.delete", function() {
		// 删除事件
		var index = this.dataset.index;
		var id = this.dataset.id;
		$.messager.confirm("提示", "您确定要删除此数据吗？", function(r) {
			// 点击确定，返回r为true
			if(r) {
				$.get("user/delete/" + id, function(rs) {
					// rs为请求发送结果成功或失败
					if(rs.success) {
						// 请求成功，刷新数据
						sign.datagrid("reload");
					}
				})
			}
		})
	});
	// 表单方法，编辑和添加
	function userForm(id) {
		var dialog = $("<div/>").dialog({
			href: 'ht-sign-add.jsp' + (id ? ("/" + id) : ""),
			title: "跟进记录",
			height: 330,
			width: 480,
			modal: true,
			onClose: function() {
				// 窗口关闭事销毁此窗口
				$(this).dialog("destroy");
			},
			buttons: [{
				iconCls: 'icon-save',
				text: '保存',
				handler: function() {
					var userForm = $("#signForm");
					if(userForm.form('validate')) {
						$.post("user/save", userForm.serialize(), function(rs) {
							if(rs.success) {
								sign.datagrid("reload");
								dialog.dialog("close");
							} else {
								$.messager.alert("提示", rs.message);
							}
						});
					}
				}
			}]
		});
	}
});